<mat-card class="example-card">
    <mat-card-header>
    <div mat-card-avatar class="example-header-image">
        <img [src]="item.user.avatar">
    </div>
    <mat-card-title matBadgeOverlap="false">{{item.user.username}}</mat-card-title>
    </mat-card-header>

    <div class="cover-img">
        <img [src]="item.album.image" alt="">
    </div>
    
    <mat-card-content>
    <p>
       {{item.album.title}}
    </p>
    </mat-card-content>
    <mat-card-actions>
    <button  (click)="edit()" mat-button>编辑</button>
    <button *ngIf="item.isDeleted == false" (click)="delete()" mat-button>删除</button>
    <button *ngIf="item.isDeleted == true" (click)="restore()" mat-button>撤回</button>
    <button (click)="comment()" mat-button>评论</button>
    </mat-card-actions>
</mat-card>
